﻿html,

* {margin :0 ; padding : 0 }
body {font-family: "Arial", sans-serif; background-color: white;}


@media screen and (min-width: 739px) {
  .mobile {    display: none; }
}

@media screen and (max-width: 739px) {
  .bureau {    display: none; }
}


div#page {text-align:center;padding-left:15%;padding-right:15%;}
div#wheat {background-color:wheat;}
div#orange {background-color:orange;}
div#indianred {background-color:indianred;}
div#gold {background-color:gold;}

div.parcours_conteneur_esc {height:300px ; color:white; background-color: cornflowerblue ; border-top : 20px solid black; text-align:center; padding:10px;}


p#logo {  font-family: "Georgia", Arial, sans-serif; font-size: 42px; background-color: white }
span#marque {font-family: "Georgia", Arial, sans-serif; font-size: 22px;}


p#presentation {  font-family: "Georgia", Arial, sans-serif; font-size: 22px ;
background-color: white ;}
img#logo {height:80px; float:right;border-radius:80px; border:1px solid black; margin:5px;}

div.parcours_conteneur_demo {height:300px ; background-color: orange ; border-top : 20px solid black;}
img.bureau_demo {height:280px ; width :auto; float: right; margin:10px}
img.mobile_demo {display:none}
h1.parcours_titre { text-align:center;font-family: Georgia; ; font-size:30px;}
div.parcours_description { text-align:center; font-family: Tahoma, Arial, sans-serif; font-size: 22px ; }
div.parcours_button { text-align:center; padding:30px;}
span.button {font-size: 30px ;background-color: white;padding:10px;border-radius : 20px; border:solid black 3px;}

div.parcours_conteneur_nouveau {height:300px ; background-color: wheat ; border-top : 20px solid black;}
img.parcours_nouveau {height:200px ; width :auto; float: right; margin:10px;border-radius : 50%;}

span.demo_button { font-family: "Georgia", Arial, sans-serif; font-size: 22px ;
box-shadow: 5px 5px red; float: right; margin:10px; text-align:center; padding:10px; background-color: wheat ; }

div.parcours_button_niveau1 { text-align:center; padding:10px;border-top : 20px solid black;background-color: wheat ; }
div.parcours_button_niveau2 { text-align:center; padding:10px;border-top : 20px solid black;background-color: orange ; }
div.parcours_button_niveau3 { text-align:center; padding:10px;border-top : 20px solid black;background-color: indianred ; }
div.parcours_conteneur_niveau1 {height:300px ; background-color: wheat ; border-top : 20px solid black;}
div.parcours_conteneur_niveau2 {height:300px ; background-color: orange ; border-top : 20px solid black;}
div.parcours_conteneur_niveau3 {height:300px ; background-color: indianred ; border-top : 20px solid black;}

div.parcours_conteneur_niveau {height:300px ; background-color: white ; border-top : 20px solid black;}
img.parcours_niveau {height:280px ; width :auto; float: left; margin:10px}
div.parcours_button_niveau { text-align:center;padding:20px;}
span.button_niveau1 {color:black;font-size: 30px ;background-color: wheat;padding:10px;border-radius : 20px; border:solid black 3px;}
span.button_niveau2 {color:black;font-size: 30px ;background-color: orange;padding:10px;border-radius : 20px; border:solid black 3px;}
span.button_niveau3 {color:black;font-size: 30px ;background-color: indianred;padding:10px;border-radius : 20px; border:solid black 3px;}


span#href1 {font-size: 26px;text-align:center ;font-family:Arial; }
span#href2 {font-size: 26px;text-align:center ;font-family:Arial; }
span#href3 {font-size: 26px;text-align:center ;font-family:Arial; }

div.parcours_conteneur_expo {height:300px ; background-color: white ; border-top : 20px solid black;}
img.parcours_expo {height:180px ; width :auto; float: right; margin:10px}


div.parcours_conteneur_suivre {background-color: indianred ; border-top : 20px solid black;padding-bottom : 10px;}
h1.parcours_titre_suivre { padding-right: 50px; padding-left: 50px;padding-bottom : 20px; font-family: Georgia; font-size:30px;}
div.parcours_description_suivre { padding-left: 50px;font-family: Tahoma, Arial, sans-serif; font-size: 22px ;width:80%; }
p.classique { border-radius : 20px;padding-right: 50px; padding-left: 50px;padding-bottom : 50px; background-color: white; }



footer {border-top : 20px solid black;font-family: "Arial"; color:grey; font-size: 20px; }